<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /**
         * 常用方法
         */
        // 1.alert()
        // alert(111)

        // 2.prompt()
        // var name = prompt('请输入姓名：')
        // console.log(name);

        // 3.confirm()
        // var flag = confirm('确定要删除吗？')
        // console.log(flag);

        // 4.open()
        function f1(){
            // open('test26_用户信息管理.html','hello','width=500px,height=500px')
            open('http://www.baidu.com','hello','width=500px,height=500px')
        }
        
        // 5.setTimeout()
        var timer
        function f2() {
            // 开启一个一次性计时器
            timer = setTimeout(function(){
                console.log(1111);
            },3000) // 单位为毫秒
        }

        // 6.setInterval()
        function f3() {
            // 开启一个周期性计时器
            timer = setInterval(function(){
                console.log(222);
            },500)
        }
        
        // 7.clearTimeout()、clearInterval
        function f4() {
            // clearTimeout(timer) // 停止计时器
            clearInterval(timer) // 停止计时器
        }

        // window.alert(333)

        /**
         * 常用事件
         */
        window.onload = function(){
            console.log('页面加载完成！！');
        }

        window.onclick = function(){
            console.log('页面被点击！');
        }

        window.onscroll = function(){
            console.log('页面滚动！');
        }

    </script>
</head>
<body style="height: 2000px;">
    <button onclick="f1()">打开一个新窗口</button>
    <button onclick="f2()">一次性计时器</button>
    <button onclick="f3()">周期性计时器</button>
    <button onclick="f4()">停止计时器</button>
</body>
</html>